<!DOCTYPE html>
<html lang="id">
<head>
	<title>Sistem Administrasi Kontrak PT. PP</title>
	<meta charset="utf-8">
	<meta content='id' http-equiv='Content-Language'/>
	<meta content='Sistem Monitoring Anggaran' name='description'/>
	<meta content='INDEX,NOFOLLOW' name='robots'/>
	<meta content='Sistem Monitoring Anggaran' name='keywords'/>
	<meta content='1 days' name='revisit-after'/>
	<meta content='1 days' name='revisit'/>
	<link href='#' rel='shortcut icon'/>
	
	<?php
		// ASSETS //;
		echo css_asset('style.css');
		echo css_asset('file-upload.css');
		echo css_asset('heading.css');
		echo css_asset('color.css');
		echo css_asset('font.css');
		echo css_asset('align.css');
		echo css_asset('icon.css');
		
		/* theme */
		echo css_asset('960.css','theme/profiadmin');
		echo css_asset('reset.css','theme/profiadmin');
		echo css_asset('text.css','theme/profiadmin');
		echo css_asset('blue.css','theme/profiadmin');
		echo css_asset('smoothness/ui.css','theme/profiadmin');
	?>
	<!-- assets -->
	<?php echo js_asset("jquery-1.9.1.js","jquery-ui-1.10.3.custom"); ?>
	<?php echo js_asset("jquery-ui-1.10.3.custom.min.js","jquery-ui-1.10.3.custom"); ?>
	<?php echo js_asset("jquery.jqGrid.min.js","jquery.jqGrid-4.5.2"); ?>
	<?php echo js_asset("i18n/grid.locale-en.js","jquery.jqGrid-4.5.2"); ?>
	
	<?php echo js_asset('jquery.select-autocomplete.js','autocomplete.select'); ?>
	<?php echo js_asset('jquery.autocomplete.js','autocomplete.select'); ?>
	<?php echo js_asset('jquery.fmatter.js','jquery.jqGrid-4.5.2'); ?>
	<?php echo js_asset('jquery.formatCurrency-1.4.0.js',''); ?>
	
	<?php echo css_asset("cupertino/jquery.ui.all.css","jquery-ui-1.10.3.custom"); ?>
	<?php echo css_asset("ui.jqgrid.css","jquery.jqGrid-4.5.2"); ?>
	
	
</head>

<script>

	$(function(){
		/* declarisasi */
		menus = $(".menus");
		main_content = $("#main-content");
		lbl_title = $(".lbl_title");
		
		/* event */
		menus.click(function(){
			data = $(this).data();
			menus.removeClass("current");
			$(this).addClass("current");
			main_content.load(data.url);
			lbl_title.text($(this).text());
		});
		
		$("#menu .item").click(function(){
			data = $(this).data();
			
			$("#menu .item a").removeClass("current");
			$(this).find("a").addClass("current");
			 
			$("#tabs .container").hide();
			$("#"+data.menu).show();
			$("#"+data.menu).find("li a.menus").first().click();
			
			lbl_title.css("background-image", $(this).find("span .inner").css("background-image"));
		});
		
		/* method started */
		$("#menu .item").first().addClass("first");
		$("#menu .item").last().addClass("last");
		$("#menu .item").first().click();
	});
</script>

<body>
<!-- WRAPPER START -->
<div class="container_16" id="wrapper">	

  	<!--LOGO-->
	<div class="grid_8" id="logo"> <img height=40 width=40 style="position:relative;top:10px;" src="<?php echo base_url(); ?>../assets/images/logo.png" > Sistem Administrasi Kontrak PT. PP</div>
    <div class="grid_8">
<!-- USER TOOLS START -->
      <div id="user_tools"><span>Welcome <a href="#"><?php echo $_SESSION[SESSION_USERNAME]; ?></a>  |  <a href="<?php echo base_url("c_login/logout") ?>">Logout</a></span></div>
    </div>
<!-- USER TOOLS END -->    
<div class="grid_16" id="header">
<!-- MENU START -->
<div id="menu">
	<ul class="group" id="menu_group_main">
		<?php  // var_dump($main_menus)	; ?>
		<?php foreach($main_menus as $main_menu) { ?>
		<li class="item" data-menu="menus_<?php echo $main_menu->menus_id; ?>">
			<a href="#" class="main">
				<span class="outer">
					<span class="inner" style="background-image: url(<?php echo "../".$main_menu->menus_icon; ?>); background-repeat: no-repeat;" >
						<?php echo UCfirst(strtolower($main_menu->menus_label)); ?>
					</span>
				</span>
			</a>
		</li>    
		<?php } ?>      
    </ul>
</div>
<!-- MENU END -->
</div>
<div class="grid_16">
<!-- TABS START -->
    <div id="tabs">
		<?php  foreach($menus as $key=>$menu){ ?>
         <div class="container" id="menus_<?php echo $key; ?>" hidden=hidden>
			<ul>
				<?php foreach($menu as $child_menu){ ?>
					<li><a data-url="<?php echo $child_menu->menus_url; ?>" class="menus"  ><span><?php echo ucwords(strtolower($child_menu->menus_label)); ?></span></a></li>
				<?php } ?>
			 </ul>
        </div>
		<?php } ?>
					<!-- 
                      <li><a href="#"  class="current"><span>Dashboard elements</span></a></li>
                      <li><a href="forms.html"><span>Content Editing</span></a></li>
                      <li><a href="#"><span>Submenu Link 3</span></a></li>
                      <li><a href="#"><span>Submenu Link 4</span></a></li>
                      <li><a href="#"><span>Submenu Link 5</span></a></li>
                      <li><a href="#"><span>Submenu Link 6</span></a></li>
                      <li><a href="#" class="more"><span>More Submenus</span></a></li>            
                     -->
    </div>
<!-- TABS END -->    
</div>


<!-- CONTENT START -->
    <div class="grid_16" id="content">
    <!--  TITLE START  --> 
    <div class="grid_9">
    <h1 class="lbl_title dashboard"></h1>
    </div>

    <div class="clear">
    </div>
    <!--  TITLE END  --> 
	
    <!--THIS IS A WIDE PORTLET-->
    <div class="portlet">
			<div id="main-content" style="padding:10px"></div>
      </div>
<!--  END #PORTLETS -->  

    <div class="clear"> </div>
<!-- END CONTENT-->    
  </div>
<div class="clear"> </div>

</div>
<!-- WRAPPER END -->
<!-- FOOTER START -->
<div class="container_16" id="footer">
Sistem Administrasi Kontrak PT. PP</a></div>
<!-- FOOTER END -->
</body>
</html>
